body{
    .px2rem(height,1400);
    background: darkgrey;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.head{
    width: 100%;
    .px2rem(height,100);
    background: white;
    .txh();
    justify-content: space-between;
    align-items: center;
    .sp1{
        img{
    .px2rem(width,70);
    .px2rem(height,70);
   }
    }
   
   ul{
       .txh();
        
       li{
          hover:li{
           background: #333333;
           color: white;
       }
//         float: left;
           .px2rem(font-size,30);
           border: 1px solid #333333;
           .px2rem(width,80);
           .px2rem(height,60);
    text-align: center;
//  line-height: ;
    .px2rem(line-height,60);
       }
       li:nth-child(1){
           color: white;
           background: #333333;
       }
   }
   .sp2{
       .px2rem(font-size,30);
       .px2rem(padding-right,30);
//     padding-right: ;
   }
}

.imgs{
   .txh();
    justify-content: center;
    align-items: center;
//  flex-wrap: wrap;
  .px2rem(height,900);
//height: 100%;
   img{
      
   }
    
}
